
const cart = {
  // 开启命名空间
  namespaced: true,
  state:()=>({
    // 购物车的数组，用来存储购物车中每个商品的信息对象
    // 每个商品的信息对象，都包含如下 6 个属性：
    // { goods_id, goods_name, goods_price, goods_count, goods_small_logo, goods_state 
    cart: JSON.parse(uni.getStorageSync('cart')|| "[]"),
  }),
  mutations:{
    // 购物车添加商品
    addToCart(state, payload){
      // console.log(state.cart);
      const findResult = state.cart.find((item) => item.goods_id === payload.goods_id)
      // console.log(findResult);
      if(!findResult){  // 如果购物车没有那么就添加该商品对象
        state.cart.push(payload)
      } else { // 如果购物车有这件商品这增加其count
        findResult.goods_count++
      }
      // 加入购物车后马上持久化
      this.commit('cart/saveToStorage')
    },
    // 实现本地持久化
    saveToStorage(state, payload){
      // 调用uniAPI实现本地持久化
      uni.setStorageSync('cart', JSON.stringify(state.cart))
    },
    // 改变商品选中状态
    changeState(state, payload){
      // 在cart中查找是否有payload中goods_id对应的商品
      const findResult = state.cart.find(goods => goods.goods_id === payload.goods_id)
      if(findResult){
        findResult.goods_state = !findResult.goods_state
      }
      // 本地持久化
      this.commit('cart/saveToStorage')
    },
    // 更新商品数量
    updateCount(state, payload){
      // 在cart中查找是否有payload中goods_id对应的商品
      const findResult = state.cart.find(goods => goods.goods_id === payload.goods_id)
      if(findResult){
        findResult.goods_count = payload.goods_count
      }
      // 本地持久化
      this.commit('cart/saveToStorage')
    },
    // 删除商品
    delGoods(state, payload){
      // 在cart中查找是否有payload中goods_id对应的商品
      state.cart = state.cart.filter(goods => goods.goods_id !== payload.goods_id)
      // 本地持久化
      this.commit('cart/saveToStorage')
    },
    // 更新所有购物车商品的选中状态
    updateAllGoodsState(state, payload){
      // 循环更新购物车商品的选中状态
      state.cart.forEach(item => {
        item.goods_state = payload
      })
      // 持久化商品列表
      this.commit('cart/saveToStorage')
    }
  },
  actions:{
  },
  getters: {
    total(state){
      let c = 0
      state.cart.forEach(goods => {
        c += goods.goods_count
      })
      return c
    },
    // 选中状态的商品数量
    checkAmount(state){
      // 使用filter筛选商品状态为选中的商品
      // 使用 reduce 计算选中状态的商品总数量
      return state.cart.filter(item => item.goods_state).reduce((tot, curr) =>  tot + curr.goods_count , 0)
    },
    checkedGoodsAmount(state){
      return state.cart.filter(item => item.goods_state).reduce((tot, curr) =>  tot + curr.goods_price , 0).toFixed(2)
    }
  }
}

export default cart